Familias de tipos de letra (HTML)

Este artículo o sección necesita referencias que aparezcan en una publicación acreditada. Busca fuentes: «Familias de tipos de letra (HTML)» – noticias · libros · académico · imágenes Este aviso fue puesto el 21 de agosto de 2014.

Este artículo o sección necesita ser wikificado, por favor, edítalo para que cumpla con las convenciones de estilo. Este aviso fue puesto el 21 de agosto de 2014.

En HTML y XHTML, es el tipo de letra o familia de tipos de letra es el tipo de letra que se aplicará al cuerpo de texto en un navegador. El tipo de letra es relevante para la visualización del texto en la pantalla, en una impresora o en otro tipo de dispositivos.

Una familia de tipos de letra y otros atributos de presentación de un tipo de letra pueden ser aplicados en el código HTML, ya sea en las hojas de estilos en cascada (CSS) o en el elemento depreciado font de HTML.

<p class="text">
Ejemplo de texto al cual se le ha dado formato con CSS en una hoja de estilo independiente.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Ejemplo de texto al cual se le ha dado formato en una línea dentro de la misma hoja CSS.
</p>

<p><i><span style="font-family:times, serif;font-size:medium;">
Ejemplo de texto al cual se le ha dado formato con la «obsoleta» etiqueta FONT.
</span></i></p>

Cuando se utiliza el lenguaje CSS para aplicar un tipo de letra cuyo nombre tiene espacios en blanco, es preciso utilizar comillas o comillas simples para delimitar el nombre.

.text { font-family: "calibri", Garamond, 'Comic Sans'; }

En CSS, una familia o grupo de tipos de letra (o Face en HTML) se compone de un conjunto de tipos de letra afines, agrupados como familias. Por ejemplo, la familia Times incluye diferentes tamaños, estilos (como romana {redondeada} y la cursiva {itálica}), y grosor (como normal y negrita).

El navegador web solo podrá aplicar un tipo de letra si está instalado en el sistema desde el cual se opera, lo cual no es siempre el caso. Los diseñadores en código HTML pueden listar la familia de tipos de letra sin adjudicarles preferencias, para ser usadas cuando se muestra el texto. En lista, los diferentes tipos de letra están separados por comas, como se vio más arriba. Para evitar resultados inesperados, la última familia de tipo de letra en la lista de ha de ser una de las cinco familias genéricas que están disponibles predeterminadamente en HTML y en CSS. Si el navegador no encuentra el tipo de letra especificado, utilizará aquellos tipos de letra predeterminados, que pueden haber sido definidos por el usuario. Dependiendo del navegador web, un usuario puede anular el tipo de letra definido por el escritor del código. Esto puede deberse por razones de gusto personal, pero también puede ser debido a alguna limitación visual del usuario, tales como la necesidad de un tamaño de letra mayor o a que debe evitar ciertos colores.